<!--首页-->

    <div class="banner mainTop">
        <div class="container-nei">
            <div class="row">

                <div class=" col-sm-5  col-xs-12 ">
                    <img src="Image/logo.png" alt=""/>
                    <h4 class="banner-h3">福鼎市初展茶业有限公司</h4>
                </div>
                <div class=" col-sm-7  col-xs-12" style="margin-top: 25px">
                    <ul class="list-inline pull-right">
                        <li><input class="input-group-xs" type="text" placeholder="你好！欢迎来到初展茶业官网"/></li>
                        <li class="sum"><a href="#modal-login" class="btn bg-purple btn-xs"  data-toggle="modal">登录</a></li>
                        <li><a class="btn bg-purple btn-xs" href="#modal-zhu" data-toggle="modal" ng-click="jump('/myEnroll')">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--登录模态框-->
    <div ng-include="'tpl/include/modal.html'"></div>
    <div class="lunbo bg-hui-1">
        <div ng-include="'tpl/include/navbar.html'"></div>
        <div class="container ">
            <div id="ad5" class="carousel slide" data-ride="carousel" data-interval="3000" data-pause="none">
                <!--轮播广告内可以滚动的内容-->
                <div class="carousel-inner" >
                    <div class="item" ng-class="{active:$first}">
                        <img ng-src="Image/lunbo-7.jpg">
                        <div class="carousel-caption">
                            <h4>一杯茶</h4>
                            <span>杯里的茶因遇到水而上浮,杯里的茶因为遇到水而清香</span>
                        </div>
                    </div>
                    <div class="item" ng-class="{active:$first}">
                        <img ng-src="Image/lunbo-1.jpg">
                        <div class="carousel-caption">
                            <h4>茶具</h4>
                            <span>茶有茶道,器亦当有其道</span>
                        </div>
                    </div>
                    <div class="item" ng-class="{active:$first}">
                        <img ng-src="Image/lunbo-2.jpg">
                        <div class="carousel-caption">
                            <h4>茶香</h4>
                            <span>只见洁白如玉的瓷碗中，片片嫩茶犹如雀舌，色泽墨绿，碧液中透出阵阵幽香</span>
                        </div>
                    </div>
                    <div class="item" ng-class="{active:$first}">
                        <img ng-src="Image/lunbo-3.jpg">
                        <div class="carousel-caption">
                            <h4>太姥</h4>
                            <span>太山自言高，精卫衔石飞</span>
                        </div>
                    </div>
                </div>
                <a data-slide="prev" class="carousel-control left" href="#/myMain#ad5">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a data-slide="next" class="carousel-control right" href="#/myMain#ad5">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
                <ul class="carousel-indicators">
                    <li data-slide-to="0" data-target="#ad5" class="active"></li>
                    <li data-slide-to="1" data-target="#ad5"></li>
                    <li data-slide-to="2" data-target="#ad5"></li>
                    <li data-slide-to="3" data-target="#ad5"></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row text-center ">
            <div class="col-sm-3 col-xs-12 margin-top-10"><a href="">公司风貌</a></div>
            <div class="col-sm-6 col-xs-12 ">
                <form class="navbar-form">
                    <div class="form-group has-feedback">
                        <input type="radio" checked/>
                        <span>业务查询</span>
                        <input class="form-control" id="kw" placeholder="咨询内容">
                        <span class="glyphicon glyphicon-search form-control-feedback"></span>
                    </div>
                </form>
            </div>
            <div class="col-sm-3 col-xs-12 margin-top-10">
                <a href="">在线问答</a>
            </div>
        </div>
    </div>
    <!--图片内容-->
    <div class="bg-hui" >
        <div class="container-nei tuwen">
            <div class="row ">
                <div class=" col-sm-4 col-xs-12">
                    <a href="">
                        <div class="my-big over-hidden">
                            <img class="img-responsive" ng-src="Image/shop4.jpg">
                            <div class="my-caption text-center">
                                <h3>茶具鉴赏</h3>
                                <button class="btn btn-default">详情阅读</button>
                            </div>
                        </div>
                    </a>
                </div>
                <div class=" col-sm-4 col-xs-12">
                    <a href="">
                        <div class="my-big over-hidden">
                            <img class="img-responsive" ng-src="Image/tea-factory3.jpg">
                            <div class="my-caption text-center">
                                <h3>茶桌酌饮</h3>
                                <button class="btn btn-default">详情阅读</button>
                            </div>
                        </div>
                    </a>
                </div>
                <div class=" col-sm-4 col-xs-12">
                    <a href="">
                        <div class="my-big over-hidden">
                            <img class="img-responsive" ng-src="Image/tea-factory10.jpg">
                            <div class="my-caption text-center">
                                <h3>茶室</h3>
                                <button class="btn btn-default">详情阅读</button>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4">
                    <h3 class="text-purple">图片新闻</h3>
                    <div class="row">
                        <div class=" col-sm-12">
                            <img ng-src="Image/lMeb-fyfkzhs9211230.jpg" class="img-responsive" alt=""/>
                        </div>
                        <div class=" col-sm-12">
                            <h5>福鼎白茶大举进驻“东莞仓”</h5>
                            <span class="text-gray">南方日报讯 （记者/叶永茵）22日，第十届东莞国际茶业博览会暨第二届中华爱茶嘉年华（以下简称“茶博会”）落幕。据组委会统计，为期四天的展会吸引了入场观众达五万多人次，同比去年增长100%，创下历史新高。<a href="http://baike.baidu.com/link?url=g8B4suRDa64I5s7rzumM6s12ntvPGxTdkTNYJ3FpnUXYoWjIOcsaoEFbbcYz6GXtqr0dS3pZETW1KZIFO8Olv5JNLtwc0mbEl1ytAzkgh2Rji2Lke96HWyCQPjON-btkGedn1aZo8OHzKSnDthyiE1UO1dGsNQ9bB-f-jRQ67ZYyzICynZq2bj9n0uhQlp3lfkrZXIY6FCyHmgubWMalGXKwpVfBTxA9moJntJdtS7O">[阅读]</a></span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="row">
                        <div class="col-sm-12">
                            <h3 class="text-purple">初展快讯</h3>
                            <div id="ad6" class="carousel slide" data-ride="carousel" data-interval="3000" data-pause="none">
                                <!--会旋转的内容-->
                                <div class="carousel-inner">
                                    <div class="item " ng-class="{active:$first}">
                                        <img ng-src="Image/lunbo-7.jpg">
                                        <div class="carousel-caption">
                                            <h4>一杯茶</h4>
                                            <span>杯里的茶因遇到水而上浮,杯里的茶因为遇到水而清香。</span>
                                        </div>
                                    </div>
                                    <div class="item " ng-class="{active:$first}">
                                        <img ng-src="Image/lunbo-1.jpg">
                                        <div class="carousel-caption">
                                            <h4>茶具</h4>
                                            <span>茶有茶道,器亦当有其道</span>
                                        </div>
                                    </div>
                                    <div class="item " ng-class="{active:$first}">
                                        <img ng-src="Image/lunbo-2.jpg">
                                        <div class="carousel-caption">
                                            <h4>茶香</h4>
                                            <span>只见洁白如玉的瓷碗中，片片嫩茶犹如雀舌，色泽墨绿，碧液中透出阵阵幽香</span>
                                        </div>
                                    </div>
                                    <div class="item " ng-class="{active:$first}">
                                        <img ng-src="Image/lunbo-3.jpg">
                                        <div class="carousel-caption">
                                            <h4>太姥</h4>
                                            <span>太山自言高，精卫衔石飞</span>
                                        </div>
                                    </div>
                                </div>
                                <!--不会旋转的内容-->
                                <ul class="carousel-indicators">
                                    <li data-slide-to="0" data-target="#ad6" class="active"></li>
                                    <li data-slide-to="1" data-target="#ad6"></li>
                                    <li data-slide-to="2" data-target="#ad6"></li>
                                    <li data-slide-to="3" data-target="#ad6"></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <ul class="rqdd">
                                <li><a href="#" class="text-gray">解毒：神农尝百草，遇七十二毒，得茶而解之。</a></li>
                                <li><a href="#" class="text-gray">防辐射：茶叶中的脂多糖具有防辐射功效。吸收放射性物质锶90和钴60毒害的能力。</a></li>
                                <li><a href="#" class="text-gray">降血压：茶叶加工形成的a一氨基丁酸具有降血压的作用。</a></li>
                                <li><a href="#" class="text-gray">治疗粉刺：绿茶具有抗菌、消炎和减少激素活动的作用，成了治疗粉刺的上佳选择。</a></li>
                                <li><a href="#" class="text-gray">抗癌：绿茶中的多酚类化合物可以对一种参与特定癌症形成的分子起到抑制作用。</a></li>
                                <li><a href="#" class="text-gray">瘦身：英国一份营养调查结果显示，长期享用下午茶的女人更苗条据了解，茶含有脂肪酸除脂解腻。</a></li>
                                <li><a href="#" class="text-gray">坚固牙齿：茶叶中含氟量较高，这对预防龋齿，护齿、坚齿，都是有益的。</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-sm-4">
                    <h3 class="text-purple">人气导读</h3>
                    <div class="row">
                        <div class="col-md-6 col-sm-12">
                            <img ng-src="Image/taimu.jpg" class="img-responsive" alt=""/>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <h5>福鼎太姥山</h5>
                            <span class="text-gray">漳州滨海火山国家地质公园是中国唯一的滨海火山地质地貌风景旅游区<a href="http://baike.baidu.com/link?url=g8B4suRDa64I5s7rzumM6s12ntvPGxTdkTNYJ3FpnUXYoWjIOcsaoEFbbcYz6GXtqr0dS3pZETW1KZIFO8Olv5JNLtwc0mbEl1ytAzkgh2Rji2Lke96HWyCQPjON-btkGedn1aZo8OHzKSnDthyiE1UO1dGsNQ9bB-f-jRQ67ZYyzICynZq2bj9n0uhQlp3lfkrZXIY6FCyHmgubWMalGXKwpVfBTxA9moJntJdtS7O">[阅读]</a></span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <ul class="rqdd">
                                <li><a href="#" class="text-gray">牛郎岗海滨景区ʳ</a></li>
                                <li><a href="#" class="text-gray">九鲤溪瀑景区</a></li>
                                <li><a href="#" class="text-gray">嵛山岛景区</a></li>
                                <li><a href="#" class="text-gray">天湖风景区</a></li>
                                <li><a href="#" class="text-gray">翠郊古民居</a></li>
                                <li><a href="#" class="text-gray">小白鹭海滨度假村</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row ">
                <div class=" col-sm-4 col-xs-12 ">
                    <a href="">
                        <div class="my-big over-hidden">
                            <img class="img-responsive" ng-src="Image/shop1.jpg">
                            <div class="my-caption text-center">
                                <h3>茶柜</h3>
                                <button class="btn btn-default">详情阅读</button>
                            </div>
                        </div>
                    </a>
                </div>
                <div class=" col-sm-4 col-xs-12 ">
                    <a href="">
                        <div class="my-big over-hidden">
                            <img class="img-responsive" ng-src="Image/shop2.jpg">
                            <div class="my-caption text-center">
                                <h3>茶品</h3>
                                <button class="btn btn-default">详情阅读</button>
                            </div>
                        </div>
                    </a>
                </div>
                <div class=" col-sm-4 col-xs-12 ">
                    <a href="">
                        <div class="my-big over-hidden">
                            <img class="img-responsive" ng-src="Image/shop3.jpg">
                            <div class="my-caption text-center">
                                <h3>茶帘</h3>
                                <button class="btn btn-default">详情阅读</button>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div ng-include="'tpl/include/footer-top.html'"></div>
    <div ng-include="'tpl/include/footer.html'"></div>

